<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/reg.css" type="text/css"/>
    <!--引入外部css文件-->
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div>
    <div class="lgd_top">
        <div class="lgd_top_hi">
            <span style="margin-left:300px">嗨,欢迎来订花乐!</span>
            <span style="float:right;margin-right:300px">
                <a href="login.html">你好,请登录</a> | <a href="">免费注册</a> | <a href="">订单查询</a> | <a href="">购物车</a> | <a
                    href="">手机下单</a>
            </span>
        </div>
        <div class="lgd_top_bottom">
            <a href=""><img src="https://upyun.dinghuale.com/uploads/images/logo.png" alt=""></a>
            <span><img src="../imgs/phone.jpg" alt="">400-060-1520</span>
        </div>
    </div>
    <div class="lgd_middle">
        <div style="width: 330px;height: 400px;background-color:#ffffff">
            <div class="zc">手机账号注册</div>
            <div class="lgd_form">
                <span style="color: #E60634">{{info}}</span>
                <form action="">
                    <div><input type="text" name="phone" id="i" onblur="word()" placeholder="请输入11位手机号"></div>
                    <div><input type="password" id="p1" placeholder="请输入6-12位密码"></div>
                    <div><input type="password" id="p2" onblur="pass()" name="password" placeholder="请重复输入6-12位密码"></div>
                    <input type="button" value="注册" class="lgd_but" @click="reg()">
                </form>
            </div>
        </div>
    </div>
</div>

    <!--尾部区域开始-->
<footer style="width: 100%; margin: 0 auto">
    <div class="footer" style="margin-top: 10px;">
        <!--尾部上区域-->
        <div class="footer-top" style="background: #fff;">
            <div class="footer-top-all container" style="height: 210px;width: 1200px;margin: 0 auto">
                <div class="logo-img">
                    <img src="images/logo.png" alt="">
                </div>
                <div class="nav-module" style="height: 210px">
                    <div class="footer-module fl">
                        <p>热门导航</p>
                        <div>
                            <a href="">网站首页</a>
                            <a href="">爱情鲜花</a>
                            <a href="">订单查询</a>
                            <a href="">全部商品</a>
                        </div>
                    </div>
                    <div class="footer-module fl">
                        <p>客户服务</p>
                        <div>
                            <div class="footer-nav fl">
                                <a href="">关于我们</a>
                                <a href="">服务声明</a>
                                <a href="">订花流程</a>
                                <a href="">支付方式</a>
                            </div>
                            <div class="footer-nav fl" style="margin-left: 20px">
                                <a href="">配送说明</a>
                                <a href="">售后服务</a>
                                <a href="">隐私条款</a>
                                <a href="">联系我们</a>
                            </div>
                        </div>
                    </div>
                    <div class="footer-module fl" style="border:none">
                        <p>联系我们</p>
                        <div class="footer-nav">
                            <a href="">意见反馈</a>
                            <a href="">工作时间:07:00-23:00</a>
                            <a href="">7*24小时在线订购</a>
                            <a href="">全国热线:400-060-1520</a>
                        </div>
                    </div>
                    <div class="erweima fr">
                        <div class="erweima-img">
                            <img src="images/QRCode.jpg" alt="">
                        </div>
                        <p class="text-color-9">扫码关注微信</p>
                    </div>
                </div>
            </div>
        </div>
        <!--尾部下区域-->
        <div class="footer-bottom">
            <p class="text-color-9">Copyright©2020 &nbsp;成都勿忘我科技有限公司 &nbsp;
                <a href="https://beian.miit.gov.cn">蜀ICP备20016463号-2</a>
                &nbsp;</p>
        </div>
    </div>
</footer>

<!--引入VUE-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!--引入AXIOS-->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script src="js/reg.js"></script>
</body>
</html>
























